import React,{Component} from 'react';
import {createRoot} from 'react-dom/client';
const root = createRoot(document.getElementById('root'))
/**
 * 通过类定义组件
 * 类必须继承自父类React.Component
 * 类里必须定义一个render方法，render必须返回要渲染的内容，一般来就是一个React元素或者说虚拟DOM
 * 也可以向类组件传递属性对象，类组件的属性对象会挂载在this实例上，可以通过this.props
 *           类组件         函数组件
 *  定义方式   类            函数
 *  渲染逻辑   render        函数里
 *  属性的方式 this.props  props参数
 */
class Welcome extends Component{
    render(){
        return <div>hello,{this.props.name}</div>;
    }
}
//可以根据此函数组件创建一个对应的React元素，此React类型是Welcome
let element = <Welcome name="zhufeng" age={18}/>
console.log(element)
//type: ƒ Welcome(props)
//props: {name: 'zhufeng'}

root.render(element);
